﻿@model TelecomGis.Controllers.SildeModelImages

<section class="slide_page_top">
    <div class="page-waiper">
        <div class="wide-container">
            <div id="slides">
                <ul class="slides-container">
                    @foreach (var image in Model.Images)
                    {
                        <li>
                            <a href="#">
                                <img src="@Url.Content(image)" width="900" height="267" alt="Hệ thống quản lý mạng viễn thông VNPT" />
                            </a>
                        </li>
                    
                    }

                </ul>
                <nav class="slides-navigation">
                    <a href="#" class="next"></a>
                    <a href="#" class="prev"></a>
                </nav>
            </div>
        </div>
        <div class="shadow-header"></div>
    </div>
</section>


<script src="~/Scripts/jquery.superslides.js"></script>
<link href="~/Content/superslides.css" rel="stylesheet" />
<script src="~/Scripts/jquery.animate-enhanced.min.js"></script>

<script>
    $(function () {
        $('#slides').superslides({
            hashchange: false,
            play: 6000,
            animation: 'fade',
            animation_speed: 1500,
            animation_easing: 'fade',
            inherit_width_from: '.wide-container',
            inherit_height_from: '.wide-container'
        });

    });
</script>
